.yt{display:-webkit-flex;display:flex;}
.yt-f1{position:relative;-webkit-flex:1;flex:1;}
.yt-f2{position:relative;-webkit-flex:2;flex:2;}
.yt-f3{position:relative;-webkit-flex:3;flex:3;}
.yt-f4{position:relative;-webkit-flex:4;flex:4;}
.yt-f5{position:relative;-webkit-flex:5;flex:5;}
.yt-1f2{-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.yt-1f3{-webkit-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;}
.yt-1f4{-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.yt-1f5{-webkit-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
.yt-pc{-webkit-justify-content:center;justify-content:center;}
.yt-pe{-webkit-justify-content:flex-end;justify-content:flex-end;}
.yt-pj{-webkit-justify-content:space-between;justify-content:space-between;}
.yt-pja{-webkit-justify-content:space-around;justify-content:space-around;}
.yt-ac{-webkit-align-items:center;align-items:center;}
.yt-ae{-webkit-align-items:flex-end;align-items:flex-end;}
.yt-pac{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.yt-ver{-webkit-flex-direction:column;flex-direction:column;}
.yt-bm{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.yt-self-start{-webkit-align-self:flex-start;align-self:flex-start;}
.yt-self-end{-webkit-align-self:flex-end;align-self:flex-end;}
.yt-self-stretch{-webkit-align-self:stretch;align-self:stretch;}
.yt-self-center{-webkit-align-self:center;align-self:center;}
/**
 *  辅助
 */
.fs24{font-size:24px;}
.mgb10{margin-bottom:10px;}
.pdt10{padding-top:10px;}
.pd915{padding:9px 15px;}
/**
 *  表单
 */
.wsj-form-box{clear:both;margin-bottom:15px;-webkit-user-select:none;user-select:none;}
.wsj-form-box::after{content:"\200B";display:block;height:0;clear:both;}
.wsj-form-box{*zoom:1;}
.wsj-form-left{float:left;display:block;width:100px;font-weight:400;line-height:20px;text-align:right;}
.wsj-form-right{margin-left:130px;}
.wsj-form-input{display:block;box-sizing:border-box;outline:none;width:100%;height:38px;line-height:38px;padding:0 10px;border:1px solid #d2d2d2;}
.wsj-form-input:disabled{background-color:#ddd;color:#888;cursor:not-allowed;}
.wsj-form-tips{height:38px;line-height:38px;color:#999;padding:0 10px;}



/*
 * checkbox
 */
.wsj-checkbox{margin-right:10px;cursor:pointer;user-select:none;}
.wsj-checkbox > input[type=checkbox]{display:none;}
.wsj-checkbox > label .icon-checkbox {position:relative;width:12px;height:12px;background-color:#fff;border:2px solid #4a93f6;}
.wsj-checkbox-round > label .icon-checkbox{border-radius:50%;}
.wsj-checkbox > input[type=checkbox]:checked+ label .icon-checkbox{background-color: #4a93f6;}
.wsj-checkbox > input[type=checkbox]:checked+ label .icon-checkbox:after {content:'';position:absolute;left:50%;top:50%;transform: translate(-50%,-6px) rotate(45deg);width:3px;height:8px;border-radius:0;background-color:transparent;border-right:2px solid #fff;border-bottom: 2px solid #fff;}
.wsj-checkbox > input[type=checkbox]:disabled+ label{opacity: 0.5;cursor: not-allowed;}
.wsj-checkbox-desc{font-size:16px;line-height:1;padding-left:5px;}

.wsj-checkbox-red label .icon-checkbox{border:2px solid #f44f7f}
.wsj-checkbox-red > input[type=checkbox]:checked+ label .icon-checkbox{background-color: #f44f7f;}
.wsj-checkbox-green label .icon-checkbox{border:2px solid #09BB07}
.wsj-checkbox-green > input[type=checkbox]:checked+ label .icon-checkbox{background-color: #09BB07;}


/*
 *滑动checkbox
 */
.wswitch-checkbox{position:relative;}
.wswitch-checkbox > input[type=checkbox]{display:none;}
.wswitch-checkbox > .icon{width:50px;height:26px;background-color:#e9e9ea;border-radius:99px;}
.wswitch-checkbox > .icon:after{position:absolute;content:"";transition:left .15s ease-out;width:16px;height:16px;left:3px;background-color:#fff;top:50%;transform:translateY(-50%);border-radius:50%;box-shadow:0px 1px 6px rgba(0,0,0,0.3);}
.wswitch-checkbox input[type=checkbox]:checked~.icon:after{left:31px;}
.wswitch-checkbox input[type=checkbox]:checked~.icon{background-color:#38c6fb;}

/*
 * 滑块用left切换,文字用opacity切换
 */
.wswitch{position:relative;display:inline-block;vertical-align:middle;width:56px;height:30px;background-color:transparent;border-radius:2px;cursor:pointer;box-sizing:border-box;}
.wswitch>.switch-input{display:none;}
.wswitch>.switch-label{position:relative;display:block;height:inherit;font-size:14px;background:#a4a9ae;transition:all 0.15s ease-out;}
.wswitch>.switch-label:before,.wswitch>.switch-label:after{position:absolute;top:50%;transform: translateY(-50%);font-size: 14px;line-height:1;}
.wswitch>.switch-label:before{content:attr(data-off);right:11px;color:#fff;}
.wswitch>.switch-label:after{content:attr(data-on);left:11px;color:#fff;opacity:0;}
.wswitch>.switch-input:checked ~ .switch-label:before{opacity:0;}
.wswitch>.switch-input:checked ~ .switch-label:after{opacity:1;}
.wswitch>.switch-handle{position:absolute;top:6px;left:3px;width:18px;height:18px;background:#fff;border-radius:1px;transition:left 0.15s ease-out;}
.wswitch >.switch-input:checked ~ .switch-handle{left:33px;}
.wswitch-danger > .switch-input:checked ~ .switch-label{background:#ff5454;}


/*
 * radio
 */
/*radio圆圈模版@begin*/
.wsj-radio{margin-right:10px;cursor:pointer;user-select:none;}
.wsj-radio > input[type=radio]{display:none;}
.wsj-radio .icon-radio {position:relative;width:12px;height:12px;border-radius:50%;background-color:#fff;border:2px solid #4a93f6;}
.wsj-radio > input[type=radio]:checked+label .icon-radio:after {content:'';position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:6px;height:6px;border-radius:50%;background-color:#4a93f6;}
.wsj-radio-desc{font-size:16px;line-height:1;padding-left:5px;}
.wsj-radio input[type=radio]:disabled~* {opacity: 0.5;cursor: not-allowed;}
/*radio圆圈模版@end*/
/*radio圆圈颜色@begin*/
.wsj-radio-red .icon-radio{border: 2px solid #f44f7f;}
.wsj-radio-red > input[type=radio]:checked+label .icon-radio:after {background-color:#f44f7f;}
.wsj-radio-green .icon-radio{border: 2px solid #09BB07;}
.wsj-radio-green > input[type=radio]:checked+label .icon-radio:after {background-color:#09BB07;}
/*radio圆圈颜色@end*/

/*radio打钩模版@begin*/
.wsj-radio-tick > input[type=radio]:checked+label .icon-radio{background-color: #4a93f6;}
.wsj-radio-tick > input[type=radio]:checked+label .icon-radio:after{content:'';position:absolute;transform: translate(-50%,-6px) rotate(45deg);width:3px;height:8px;border-radius:0;background-color:transparent;border-right:2px solid #fff;border-bottom: 2px solid #fff;}
/*radio打钩模版@end*/
/*radio打钩颜色@begin*/
.wsj-radio-tick.wsj-radio-red > input[type=radio]:checked+label .icon-radio{background-color:#f44f7f;}
.wsj-radio-tick.wsj-radio-green > input[type=radio]:checked+label .icon-radio{background-color:#09BB07;}
/*radio打钩颜色@end*/


/**
 *  按钮
 */
.wsj-btn{position:relative;display:inline-block;outline:none;height:38px;line-height:38px;padding:0 18px;background-color:#4a93f6;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:1px solid transparent;border-radius:2px;cursor:pointer;}
.wsj-btn:hover{background-color:#317ef3;}
.wsj-btn-orange{background-color:#ff6805;}
.wsj-btn-orange:hover{background-color:#f26405;}
.wsj-btn-green{background-color:#44b549;}
.wsj-btn-green:hover{background-color:#2f9833;}
.wsj-btn-red{background-color:#e4393c;}
.wsj-btn-red:hover{background-color:#f30213;}
.wsj-btn-purple{background-color:#9b59b6;}
.wsj-btn-purple:hover{background-color:#8e51a6;}
.wsj-btn-yellow{background-color:#feb43e;}
.wsj-btn-yellow:hover{background-color:#f2ac3a;}
.wsj-btn-yellow-black{color:#333;background-color:#f7ca56;}
.wsj-btn-yellow-black:hover{color:#333;background-color:#ffd059;}
.wsj-btn-pink{background-color:#f44f7f;}
.wsj-btn-pink:hover{background-color:#ff6a95;}
.wsj-btn-gray{background-color:#7a88a7;}
.wsj-btn-gray:hover{background-color:#8d9ab7;}
.wsj-btn-white{background-color:#fff;border:1px solid #c9c9c9;color:#333;}
.wsj-btn-white:hover{background-color:#f2f2f2;}
.wsj-btn-full{width:100%;}
.wsj-btn-disable,.wsj-btn-disable:hover{cursor:not-allowed;background-color:#ddd;color:#888;}
.wsj-btn-light{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
.wsj-btn-lg{height:46px;line-height:46px;padding:0 25px;font-size:16px;}
.wsj-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px;}
.wsj-form-select{display:none;}
.wsj-sel-wrap{position:relative;background-color:#fff;cursor:pointer;}
.wsj-sel-first{margin-right:35px;}
.wsj-sel-head{padding:10px;border:1px solid #4a93f6;}
.wsj-sel-body{position:absolute;box-sizing:border-box;width:100%;z-index:123;background-color:#fff;border:1px solid #4a93f6;border-top:none;max-height:200px;overflow-y:auto;-webkit-user-select:none;user-select:none;display:none;}
.wsj-sel-item{padding:10px;border-bottom:1px solid #eee;-webkit-user-select:none;user-select:none;}
.wsj-sel-item:hover{background-color:#eee;}
.wsj-sel-item-cur{background-color:#4a93f6;color:#fff;}
.wsj-sel-item-cur:hover{background-color:#4a93f6;color:#fff;}
.wsj-sel-arr{float:right;margin-right:10px;margin-top:4px;width:8px;height:8px;border-right:2px solid #4a93f6;border-bottom:2px solid #4a93f6;transition:transform 0.3s;transform:rotate(45deg);transform-origin:75% 75%;}
.wsj-sel-arr-reverse{transform:rotate(225deg);transform-origin:75% 75%;}
.wsj-sel-mask{position:fixed;z-index:122;top:0;left:0;bottom:0;right:0;}

.wbutton-3d{-webkit-appearance: none;appearance: none;transition:all .15s;cursor: pointer;position: relative;top: 0;border:1px solid #1b9af7;height:40px;padding:0 10px;border-radius: 4px;background-color: #1b9af7;color: #fff;box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgb(0 0 0 / 30%);}
.wbutton-3d:hover{background-color: #4cb0f9;border-color: #4cb0f9;color: #fff;}
.wbutton-3d:active{top:5px;box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgb(0 0 0 / 20%);background-color: #2798eb;border-color: #2798eb;color: #0880d7;}

.wshadowbtn{
width:100px;height:40px;line-height:40px;color:#fff;text-align:center;-webkit-appearance: none;appearance: none;border:none;
background: radial-gradient( 100% 100% at 100% 0%, #5ADAFF 0%, #5468FF 100% );
box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);
transition: box-shadow 0.3s;
}
.wshadowbtn:active{ box-shadow: 0px 0px 4px rgb(45 35 66 / 40%), 0px 0px 13px -3px rgb(45 35 66 / 30%), inset 0px 0px 0px rgb(58 65 111 / 50%);transition-duration:0s;}
.wshadowbtn-round{
width:80px;height:80px;line-height:80px;border-radius:50%;color:#fff;text-align:center;-webkit-appearance: none;appearance: none;border:none;
background: radial-gradient( 100% 100% at 100% 0%, #5ADAFF 0%, #5468FF 100% );
box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);
}
/**
 *  栅格化
 */
.wsj-row::after{content:"\200B";display:block;height:0;clear:both;}
.wsj-row{*zoom:1;}
.wsj-col-1,.wsj-col-2,.wsj-col-3,.wsj-col-4,.wsj-col-5,.wsj-col-6,.wsj-col-7,.wsj-col-8,.wsj-col-9,.wsj-col-10,.wsj-col-11,.wsj-col-12,.wsj-col-50,.wsj-col-100,.wsj-col-150,.wsj-col-200,.wsj-col-250,.wsj-col-300,.wsj-col-350,.wsj-col-400,.wsj-col-450,.wsj-col-500,.wsj-col-550,.wsj-col-600,.wsj-col-650,.wsj-col-700,.wsj-col-750,.wsj-col-800,.wsj-col-850,.wsj-col-900{float:left;position:relative;display:block;box-sizing:border-box;}
.wsj-col-1{width:8.33333333%}
.wsj-col-2{width:16.66666667%}
.wsj-col-3{width:25%}
.wsj-col-4{width:33.33333333%}
.wsj-col-5{width:41.66666667%}
.wsj-col-6{width:50%}
.wsj-col-7{width:58.33333333%}
.wsj-col-8{width:66.66666667%}
.wsj-col-9{width:75%}
.wsj-col-10{width:83.33333333%}
.wsj-col-11{width:91.66666667%}
.wsj-col-12{width:100%}
.wsj-col-offset1{margin-left:8.33333333%}
.wsj-col-offset2{margin-left:16.66666667%}
.wsj-col-offset3{margin-left:25%}
.wsj-col-offset4{margin-left:33.33333333%}
.wsj-col-offset5{margin-left:41.66666667%}
.wsj-col-offset6{margin-left:50%}
.wsj-col-offset7{margin-left:58.33333333%}
.wsj-col-offset8{margin-left:66.66666667%}
.wsj-col-offset9{margin-left:75%}
.wsj-col-offset10{margin-left:83.33333333%}
.wsj-col-offset11{margin-left:91.66666667%}
.wsj-col-offset12{margin-left:100%}
.wsj-col-50{width:50px;}
.wsj-col-100{width:100px;}
.wsj-col-150{width:150px;}
.wsj-col-200{width:200px;}
.wsj-col-250{width:250px;}
.wsj-col-300{width:300px;}
.wsj-col-350{width:350px;}
.wsj-col-400{width:400px;}
.wsj-col-450{width:450px;}
.wsj-col-500{width:500px;}
.wsj-col-550{width:550px;}
.wsj-col-600{width:600px;}
.wsj-col-650{width:650px;}
.wsj-col-700{width:700px;}
.wsj-col-750{width:750px;}
.wsj-col-800{width:800px;}
.wsj-col-850{width:850px;}
.wsj-col-900{width:900px;}
.wsj-col-950{width:950px;}
.wsj-col-1000{width:1000px;}
.wsj-col-offset-50{margin-left:50px;}
.wsj-col-offset-100{margin-left:100px;}
.wsj-col-offset-150{margin-left:150px;}
.wsj-col-offset-200{margin-left:200px;}
.wsj-col-offset-250{margin-left:250px;}
.wsj-col-offset-300{margin-left:300px;}
.wsj-col-offset-350{margin-left:350px;}
.wsj-col-offset-400{margin-left:400px;}
.wsj-col-offset-450{margin-left:450px;}
.wsj-col-offset-500{margin-left:500px;}
.wsj-col-offset-550{margin-left:550px;}
.wsj-col-offset-600{margin-left:600px;}
.wsj-col-offset-650{margin-left:650px;}
.wsj-col-offset-700{margin-left:700px;}
.wsj-col-offset-750{margin-left:750px;}
.wsj-col-offset-800{margin-left:800px;}
.wsj-col-offset-850{margin-left:850px;}
.wsj-col-offset-900{margin-left:900px;}
.wsj-col-offset-950{margin-left:950px;}
.wsj-col-offset-1000{margin-left:1000px;}